$spacing: 2rpx;
@for $i from 0 through 40 {
	.m#{$i} {margin: $spacing * $i;}
	.mt#{$i} {margin-top: $spacing * $i;}
	.mb#{$i} {margin-bottom: $spacing * $i;}
	.ml#{$i} {margin-left: $spacing * $i;}
	
	.mr#{$i} {margin-right: $spacing * $i;}
	.mx#{$i} {margin-left: $spacing * $i;margin-right: $spacing * $i;}
	.my#{$i} {margin-top: $spacing * $i;margin-bottom: $spacing * $i;}
	.p#{$i} {padding: $spacing * $i;}
	.pt#{$i} {padding-top: $spacing* $i;}
	.pb#{$i} {padding-bottom: $spacing * $i;}
	.pl#{$i} {padding-left: $spacing * $i;}
	.pr#{$i} {padding-right: $spacing * $i;}
	.px#{$i} {padding-left: $spacing * $i;padding-right: $spacing * $i;}
	.py#{$i} {padding-top: $spacing * $i;padding-bottom: $spacing * $i;}
	.fs#{$i} {font-size: $spacing * $i;}
	.r#{$i}{border-radius: $spacing * $i;}
	.rtl#{$i}{border-top-left-radius: $spacing * $i;}
	.rtr#{$i}{border-top-right-radius: $spacing * $i;}
}
$spacing: 5%;
@for $i from 0 through 20 {
	.maxW#{$i} {max-width: $spacing * $i;}
	.w-#{$i} {width: $spacing * $i;}
}
.w-32 {width: 32%;}
.r50 {border-radius: 50%;}
// 盒子对齐
.flex {display: flex;}
.flexCol {flex-direction: column;}
.flex1 {flex: 1;}
.flexW {flex-wrap: wrap;}
.flexNW {flex-wrap: nowrap;}
.flexC {align-items: center;align-content: center;align-self: center;}
.flexS {align-items: flex-start;}
.flexE {align-items: flex-end;}
.flexJC {justify-content:center;}
.flexB {justify-content: space-between;}
.flexSh{flex-shrink: 0;}
// 垂直两端对齐
.flexSv{flex-wrap: wrap; align-content: space-between}
.wrap {word-wrap: break-word; word-break: break-all;}

// 字体粗细
.bold4 {font-weight: 400;}
.bold6 {font-weight: 600;}
.bold7 {font-weight: 700;}
.bold8 {font-weight: 800;}

// 文字对齐
.aliL {text-align: left;}
.aliR {text-align: right;}
.aliC {text-align: center;}
.aliJ {text-align: justify;}
.aliM {vertical-align: middle;}
.aliT {vertical-align: top;}

// 文字色
.c41 {color: #EC80A8;}
.c85 {color: #858585;}
.cff{color: #fff;}
.c00 {color: #000;}
.cf6{color: #F6F6F6;}
.c9d {color: #9D9D9D;}
.c99 {color: #999;}
.c33 {color: #333;}
.cff0 {color: #FF0000;}

// 背景色
.bgff0 {background-color: #FF0000; color: #FFF;}
.bgf6c {background-color: #EC80A8;color: #fff;}
.bgfd {background-color: #FD89B6;}
.bg41 {background-color: #EC80A8;color: #fff;}
.bged {background-color: #EDF4FE; color: #EC80A8;}
.bgf7{background-color: #F7F7F7;}
.bgf5{background-color: #f5f5f5;}
.bg70{background-color: #707070;}
.bgf0 {background-color: #F0F3FD;}
.bgff{background-color: #fff;}
.bgf6{background-color: #f6f6f6;}
.bgf9{background-color: #F9F9FB;}
.bge9{background-color: #e9e9e9;}
.borf6 {border: 2rpx solid #F6BEC8; color: #F6BEC8;}

.bg56 {background-color: #E0246E;color: #fff;}
// 边框
.bort5 {border-top: 10rpx solid #f6f6f6;}
.borb5 {border-bottom: 10rpx solid #f6f6f6;}
.bor57 {border: 2rpx solid #576DAB; color: #576DAB;}
.bor41 {border: 2rpx solid #EC80A8; color: #EC80A8;}

.borf1 {border: 2rpx solid #CC2D3F; color: #CC2D3F;}
.bor1b {border: 2rpx solid #EC80A8;}
.bor {border: 2rpx solid #DDD;}
.bor00 {border: 2rpx solid #000;}
.borf5 {border: 2rpx solid #f5f5f5;}
.borb {border-bottom: 2rpx solid #DDD;}

.bort {border-top: 2rpx solid #DDD;}
.borr {border-right: 2rpx solid #EEE;}
.borl {border-left: 2rpx solid #EEE;}


// 透明度
.opc5 {opacity: .5;}

.dinline {display: inline-block;}
.line {position: relative;
	&::after {content: '';width: 2rpx;height: 50rpx;background-color: #FFF;position: absolute;top: calc(50% - 25rpx);right: 0;}
}
.shadow {box-shadow: 0 0 10upx rgba(0,0,0,.08);}
.boxS{box-sizing: border-box;}
.arrows {width: 32upx;height: 32upx;}
.arrowR {width: 14upx;height: 14upx;position: relative;border-top: 2upx solid #666;border-right: 2upx solid #666;transform: rotate(45deg);}

.textline { text-decoration:line-through; }
// 文字省略号
.ellipsis1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}